<!-- 开通会员 -->
<template>
    <view class="auth-img" #default>
        <img src="@/assets/image/authImg/08.png" alt="">
        <view class="auth-bottom">
            <van-button type="primary" @click="openMember">开通会员</van-button>
            <van-button @click="unlock()">消耗280金币解锁</van-button>
        </view>
    </view>
</template>
    
<script setup>

import { reactive, ref, getCurrentInstance, onMounted } from "vue"

const state = reactive({
    show: false,
    showCenter: true
})

const openMember = () => {
    uni.navigateTo({
        url:"/pages/home/person/openMemberPage/index"
    })
}

const unlock = () => {
    
}

</script>
    
<style lang="scss" scoped>
.auth-img {
    position: relative;
    background: none;

    img {
        width: 100%;
        border-radius: 16rpx;

    }
}

.auth-bottom {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    bottom: 60rpx;

    .van-button {
        width: 280rpx;
        font-size: 32rpx;
        height: 88rpx;
        line-height: 88rpx;
        width: calc(100% - 60rpx);
        border-radius: 80rpx;
        color: #FFD6B7;
        margin-top: 30rpx;
    }

    .van-button:nth-child(2) {
        background: none;
        color: #333;
        border: 2px solid #333;
    }

}

</style>
    